<template>
	<view class="accompany-leader-wrap" v-if="!isEmptyObject">
		<view class="content">
			<view class="avatar-image">
				<image src="../../static/img/other/ic_main_bottom_item_1.png" class="avatar"></image>
			</view>
			<view class="right-wrap">
				<view class="title">今日陪餐领导</view>
				<view>
					<uni-transition :duration="1200" :mode-class="['zoom-in','fade']" :show="true">
						<text>{{accompanyLead.postName}}</text>
						<text>{{accompanyLead.userName}}</text>
					</uni-transition>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				accompanyLead: {}
			};
		},
		computed: {
			isEmptyObject () {
				return this.$utils.isEmptyObject(this.accompanyLead)
			}
		},
		methods: {
			getTodayLeadInfoFunc(departmentId) {
			    return this.$request.getTodayLeadInfo(departmentId).then(res => {
				  this.accompanyLead = res
			    }).catch(e => {
				  console.log(e)
			    })
			}
		}
	}
</script>

<style lang="scss" scoped>
	.accompany-leader-wrap {
		box-sizing: border-box;
		padding: 20rpx 36rpx;
		height: 200rpx;
		box-shadow: 0px 0px 2px #ccc;
		.content {
			display: flex;
			.avatar-image {
				width: 160rpx;
				height: 160rpx;
				.avatar {
					width: 100%;
					height: 100%;
				}
			}
			.right-wrap {
				box-sizing: border-box;
				padding-left: 40rpx;
			}
		}
	}
</style>
